<template>
	<div class="login" id="login">
		<ion-header>
		</ion-header>
		<ion-content>

			<div class="login_img">
				<ion-content12>
					<ion-loginpannel></ion-loginpannel>
				</ion-content12>
			</div>


			<ion-characteristic>
			</ion-characteristic>
			
			<ion-footer2>
			</ion-footer2>
			
		</ion-content>
	</div>
</template>

<script>

	export default {
		name: 'homepage',
		computed: {
			isLogged() {
				return this.$store.getters.isLogged;
			},
		},
		data() {
			return {
				title: '',
			}
		}, //定义变量
		components: {
		}, //注册组件
		methods: { //方法都在这里
			test: function() {
				this.items.splice(index, 1)
			},
		},
		mounted() {
			var that = this;
			//获取banner

		},
		watch: {
			'$route' (to, from) {
				console.log('从' + from.params.id + '到' + to.params.id);
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	.login {
		.login_img{
			height: 560px;
			background: url(../../../static/imgs/login_bg.png);
		}
	}
</style>